<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>portal</title>
    <link rel="stylesheet" href="../../resources/commons/css/base.css">
    <link rel="stylesheet" href="../../resources/commons/css/common.css">
    <link rel="stylesheet" href="css/index.css">
</head>

<body>
    <div class="main-repeat layout-left-center">
        <div class="col-main w60">
            <div class="col-left">
                <div class="nav-left">
                    <a class="logo"></a>
                    <ul>
                        <li class="nav-left-item ">
                            <i class="iconfont-c icon-yonghuxinxi"></i>
                        </li>
                        <li class="nav-left-item active">
                            <i class="iconfont-c icon-zhanghaoxinxi"></i>
                        </li>
                        <li class="nav-left-item">
                            <i class="iconfont-c icon-yonghushengji"></i>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="col-right basic-info-col-right">
                <div class="nav-top">
                    <a class="avatar">
                        <i class="line"></i>
                        <img src=""
                            alt="">
                    </a>
                    <div class="nav-top-list">
                        <a class="nav-top-item active" href="">首页</a>
                        <a class="nav-top-item" href="">碳服务</a>
                        <a class="nav-top-item" href="">碳配额</a>
                        <a class="nav-top-item" href="">碳政策</a>
                        <a class="nav-top-item" href="">关于我们</a>

                    </div>
                </div>
                <div class="body-wrap">
                    <div class="nav-left-wrap">
                        <div class="nav-left-menu-text">
                            <span>账号管理</span>
                        </div>
                        <ul class="nav-left-menu-list">
                            <li class="nav-left-menu-item">
                                <div>
                                    <i class="iconfont"></i>
                                    <span>账号信息</span>
                                </div>
                                <div class="nav-left-sub-menu-list">
                                    <a class="nav-left-sub-menu-item">
                                        <span>基本信息</span>
                                    </a>
                                    <a class="nav-left-sub-menu-item active">
                                        <span>主账号</span>
                                    </a>
                                    <a class="nav-left-sub-menu-item">
                                        <span>创建子用户</span>
                                    </a>
                                    <a class="nav-left-sub-menu-item">
                                        <span>查看子用户</span>
                                    </a>
                                    <a class="nav-left-sub-menu-item">
                                        <span>编辑子用户</span>
                                    </a>
                                    <a class="nav-left-sub-menu-item">
                                        <span>停用子用户</span>
                                    </a>

                                </div>
                            </li>
                        </ul>
                    </div>
                    <div class="right-wrap">
                        <div class="content-wrap">
                            <div class="toolbar-wrap">
                                <i class="line"></i>
                                <div class="crumb">
                                    <span class="crumb-item">
                                        <span class="crumb-item-link">账号信息</span>
                                    <span class="crumb-item-separator">&gt;</span>
                                    </span>
                                    <span class="crumb-item">
                                        <span class="crumb-item-link">基本信息</span>
                                    </span>
                                    
                                </div>
                                <span class="basic-info-btn fr"><i class="iconfont-c icon-huiyuan"></i>修改</span>
                            </div>
                            <div class="basic-info clearfix">
                                <div class="fn-left basic-info-left">
                                    <img src="../../resources/assets/company_logo.png" alt="">
                                </div>
                                <div class="info-detail">
                                    <span>主账号：18888888888</span>
                                    <div>
                                        <ul class="fn-left">
                                            <li>账户类型：独立账号</li>
                                            <li>认证状态：已实名认证</li>
                                        </ul>
                                        <ul class="fn-left">
                                            <li>账号等级：普通用户</li>
                                            <li>关联状态：暂未关联</li>
                                        </ul>
                                        <ul class="fn-left">
                                            <li>是否开通支付：独立账号</li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="toolbar-wrap bill-list-wrap">
                                <i class="line"></i>
                                <div class="crumb">
                                    <span class="crumb-item">
										<span class="bill-list-title">子账单列表</span>
                                    </span>
                                </div>
                                <span class="basic-info-btn blue fr"><i class="iconfont-c icon-tingyong"></i>创建</span>
                                <span class="basic-info-btn red fr stop-use"><i class="iconfont-c icon-tingyong"></i>停用</span>
                            </div>
                            <div>
                                <div class="table-wrap" style="margin-top:20px">
                                    <table class="i-table">
                                        <thead>
                                            <tr>
                                                <th style="width:60px"><input class="i-checkbox" type="checkbox" data-role="checkall"></th>
                                                <th style="width:100px">账号ID</th>
                                                <th style="width:100px">子账号</th>
                                                <th style="width:80px">状态</th>
                                                <th style="width:80px">职位</th>
                                                <th style="width:80px">姓名</th>
                                                <th style="width:80px">手机号码</th>
                                                <th style="width:80px">邮箱</th>
                                                <th style="width:160px">操作</th>
                                            </tr>
                                        </thead>
                                        <tbody class="table-body">
                                            <tr>
                                                <td style="width:60px"><input class="i-checkbox" type="checkbox"></td>
                                                <td style="width:100px">XX0901001</td>
                                                <td style="width:100px">1378763201</td>
                                                <td style="width:80px">正常</td>
                                                <td style="width:80px">CTO</td>
                                                <td style="width:80px">王XX</td>
                                                <td style="width:80px">13868683838</td>
                                                <td style="width:80px">222@124.com</td>
                                                <td style="width:160px">xx</td>
                                            </tr>
                                            <tr>
                                                <td style="width:60px"><input class="i-checkbox" type="checkbox"></td>
                                                <td style="width:100px">XX0901001</td>
                                                <td style="width:100px">1378763201</td>
                                                <td style="width:80px">正常</td>
                                                <td style="width:80px">CTO</td>
                                                <td style="width:80px">王XX</td>
                                                <td style="width:80px">13868683838</td>
                                                <td style="width:80px">222@124.com</td>
                                                <td style="width:160px">xx</td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                        <div class="hidden content-wrap" style="height:100%">
                            <iframe src="../user/real-name/company-info.html" frameborder="0" id="company-info" scrolling="no" style="height:100%;width:100%"></iframe>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
     <!--停用弹窗-->
    <div class="common-alert stop-alert">
    	<div class="backdrop"></div>
    	<div class="alert-container">
    		<div class="alert-header">停用账号</div>
    		<div class="alert-main">
    			<i class="icon_bang"></i>确定停用该账号吗？
    		</div>
    		<div class="alert-footer">
    			<button class="fr btn btn-cancel">取消</button>
    			<button class="fr btn btn-finish">完成</button>
    		</div>
    	</div>
    </div>
    <script type="text/javascript" src="../../resources/commons/js/seajs/sea-debug.js"></script>
    <script type="text/javascript" src="../../resources/commons/js/seajs/sea-config-debug.js"></script>
    <script>
        seajs.use('./js/index');
    </script>
</body>

</html>